<template>
  <div id="tree-card">
    <base-card>
      <div class="buttonList">
        <el-button round id="bstTree" @click="linkToBstTre">BST</el-button>
        <el-button round id="heapTree" @click="linkToHeapTree">堆</el-button>
        <el-button round id="huffmanTree" @click="linkToHuffmanTree">霍夫曼树</el-button>
        <el-button round id="avlTree" @click="linkToAvlTree">AVL树</el-button>
        <el-button round id="changeToBST" @click="linkToChangeToBST">二叉树</el-button>
        <el-button round id="threadedBST" @click="linkToThreadedBST">线索二叉树</el-button>
      </div>
</base-card>

  </div>
</template>

<script>

import BaseCard from './BaseCard'
export default {
  name:'TreeCard',
  components:{
    BaseCard
  },
  methods:{
    linkToBstTre(){
      this.$router.push('/bstTree')
    },
    linkToHeapTree(){
      this.$router.push('/heapTree')
    },
    linkToHuffmanTree(){
      this.$router.push('/huffmanTree')
    },
    linkToAvlTree(){
      this.$router.push('/avlTree')
    },
    linkToChangeToBST(){
      this.$router.push('/changeToBST')
    },
    linkToThreadedBST(){
      this.$router.push('/threadedBST')
    }
  }
}
</script>

<style>

</style>